<template>
  <div class="enter-sellerHub">
    <honexun-header-user v-show="!isShow"></honexun-header-user>
    <!--头部区域-->
    <honexun-header>
      <headers></headers>
    </honexun-header>
    <!--内容区域-->
    <router-view />
    <!--底部区域-->
    <div class="floatBox">
      <div>
        <img src="../../assets/image/sellerHub/btc.png"
             alt="">
      </div>
      <span>译码沟通</span>
    </div>
  </div>
</template>

<script>
import honexunHeader from '@/layout/header_C';
import headers from '@/layout/header_left_B';
import honexunHeaderUser from '@/layout/header_Bcopy';

export default {
  components: {
    honexunHeader,
    headers,
    honexunHeaderUser
  },
  data () {
    return {
      isShow: true,
      preStatus: [0, 4],
      passedStatus: 2,
      underReviewStatus: 1,
      rejectStatus: 3
    }
  },
  mounted () {
    this.isShow = !this.tokenValue;
    document.getElementsByTagName('body')[0].style = 'min-width: 1440px;';
  },
  destroyed () {
    document.getElementsByTagName('body')[0].style = '';
  },
  computed: {
    tokenValue () {
      return this.$store.state.user.tokenValue
    },
    currentTenant () {
      return this.$store.state.user.currentTenant
    },
    path () {
      return this.$route.path
    }
  },
  watch: {
    tokenValue (newVal) {
      this.isShow = !newVal;
    }
  }
}
</script>

<style lang="less" scoped>
.honexun-header-B {
  position: fixed;
  top: 0;
  z-index: 99;
}
.honexun-header {
  position: fixed;
  top: 35px;
  z-index: 99;
}
.enter-sellerHub {
  background: @greyBackground;
  min-width: 1440px;
  height: calc(100%);
  .honexun-header-B {
    width: 100%;
    .honexun-header-main {
      width: 100%;
    }
  }
  .left-area {
    margin-left: 40px;
  }
  .right-area {
    margin-right: 40px;
  }
}
.floatBox {
  z-index: 9;
  position: fixed;
  width: 110px;
  height: 40px;
  right: 0;
  background: #fff;
  border-radius: 20px 0 0 20px;
  box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
  cursor: pointer;
  text-align: center;
  bottom: 112px;
  > div {
    position: relative;
    margin: 3px;
    width: 34px;
    height: 34px;
    background: #faeee0;
    line-height: 34px;
    background: #ff9003;
    border-radius: 100%;
    float: left;
    img {
      width: 20px;
      height: 20px;
    }
  }
  span {
    font-size: 14px;
    color: #ff9003;
    margin-left: -5px;
    width: 60px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    display: inline-block;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.02);
  }
}
</style>
